Traditional and Hybrid Category Pages 傳統與混合類別頁面設計

1. 什麼是類別頁面？（What Are Category Pages?）

類別頁面是特定商品類別的“主頁”，並非展示完整商品列表，而是作為通往商品列表頁面的中間環節。它們通常包含：

Eddie Bauer）全球導航中的“WOMEN（女性）”連結將購物者帶到這個傳統的類別頁面。這些頁面通常包含產品照片和營銷內容，以及指向推廣子類別（例如“購買法蘭絨”和“購買羊毛”）的連結。
類別頁面並非總是必要，某些情況下會讓使用者感到麻煩，因為它們增加了瀏覽步驟。例如，Bonobos 直接透過“Pants & Jeans”連結跳轉到商品列表頁面，讓使用者立即瀏覽商品。

2. 類別頁面的適用場景（When to Use Category Pages）

A 複雜商品的教育功能:類別頁面可為複雜商品（如電子產品）提供教育資訊，幫助使用者理解選購商品的關鍵特性。

Lululemon 為其複雜的家庭健身產品“鏡子”（MIRROR）提供了一個分類頁面，但並非為其所有產品類別都使用了分類頁面。
Fossil 的智慧手錶類別頁面解釋了不同型別的智慧手錶。

B 為大型商品目錄提供導航:對於擁有多層級分類的大型商品目錄，類別頁面可以透過圖片快速傳達子類別資訊，尤其適合國際使用者或對文字分類不熟悉的使用者。

REI 在“Camp & Hike”類別頁面中展示了子類別（如帳篷、睡袋）、熱門品牌（如 Osprey、YETI）以及相關建議（如如何選擇睡墊），幫助使用者快速找到目標商品。

3. 避免強制使用者訪問類別頁面（Don’t Force Customers to Go Through Category Pages）

如果網站提供傳統類別頁面，應允許使用者跳過類別頁面，直接訪問商品列表頁面。

改進建議：在全域性導航中提供子類別商品列表的直接連結（如透過 Megamenu 實現）。確保搜尋結果直接展示商品，而非跳轉至類別頁面。

一位使用者在搜尋“Sam Edelman”時，被引導至該品牌的類別頁面，而非具體商品列表。使用者對此感到不滿，認為類別頁面是多餘的步驟。

4. 混合類別頁面：在商品列表中整合類別資訊（A Hybrid Approach）

混合類別頁面結合了類別頁面的功能與商品列表頁面的直接性，將類別資訊整合在商品列表頁面內，讓使用者可以選擇瀏覽或跳過相關資訊。

感興趣的使用者可以閱讀詳細資訊，而不感興趣的使用者可以快速跳過，直接訪問商品列表。

Lululemon 在其“Women’s Leggings”頁面中展示了幾種打底褲的風格，並透過簡要描述和連結引導使用者檢視相關子類別，同時在頁面下方列出具體商品。

5. 混合類別頁面的具體實現方式（Implementing Hybrid Category Pages）

A 教育內容的整合:在商品列表頁面頂部加入關鍵的產品資訊或營銷內容，無需額外導航。

對於其部分列表頁面，VRAI 包含了促銷內容（以藍綠色框突出顯示）和教育內容（以黃色框突出顯示）。此內容是傳統類別頁面（無產品列表）的典型內容。

B 子類別導航:透過商品列表頁面提供子類別連結，方便使用者快速探索其他選項。

在“Pants”商品列表頁面頂部，Ann Taylor 展示了不同褲型的分類（如 Skinny、Straight），並附帶連結和說明，幫助使用者理解不同款式。